<template>
    <ui-main>
        <div class="ui-title pl5 pt10 pr5 pb10" style="color: #0F9ADC;">辨识信息</div>
        <van-cell-group>
            <van-cell title="风险等级" :value="detail.risk_level_name"/>
            <van-cell title="风险点" :value="detail.risk_name"/>
            <van-cell title="存在的风险" :label="detail.hazard_name"/>
            <van-cell title="风险性质" :value="detail.risk_nature"/>
            <van-cell title="风险类型" :value="detail.risk_type"/>
            <van-cell title="事故类型" :value="detail.accid_type"/>
            <van-cell title="管控部门" :value="detail.control_department"/>
            <van-cell title="检查周期" :value="detail.check_cycle"/>
            <van-cell title="检查频次" :value="detail.check_frequency"/>
            <van-cell title="可能导致的后果" :label="detail.risk_sequel"/>
            <van-cell title="作业任务" :label="detail.task"/>
            <van-cell title="作业步骤" :label="detail.job_step"/>
        </van-cell-group>

        <div class="ui-title pl5 pt10 pr5 pb10" style="color: #0F9ADC;">评估信息</div>
        <van-cell-group>
            <van-cell title="可能性(L)" :label="detail.possible_type"/>
            <van-cell title="暴露程度(E)" :label="detail.expose_type"/>
            <van-cell title="后果(C)" :label="detail.loss_type"/>
            <van-cell title="风险值(D=L*E*C）" :value="detail.risk_value"/>
        </van-cell-group>

        <div class="ui-title pl5 pt10 pr5 pb10" style="color: #0F9ADC;">管控信息</div>
        <van-cell-group>
            <van-cell title="主要负责人" :value="detail.main_person"/>
            <van-cell title="直接管理人员" :value="detail.manage_person"/>
            <van-cell title="管理措施" :label="detail.meet_measure"/>
            <van-cell title="工程措施" :label="detail.project_measure"/>
            <van-cell title="管理标准" :label="detail.manage_standard"/>
            <van-cell title="个体防护" :label="detail.protect"/>
            <van-cell title="应急措施" :label="detail.meet_measure"/>
        </van-cell-group>
    </ui-main>
</template>

<script>
    export default {
        data() {
            return {
                detail: this.$route.params.detail ? this.$route.params.detail : {}
            };
        },
        mounted() {
            this.$title(this.detail.risk_name);
        }
    }
</script>
